<!DOCTYPE html>
<html lang="en">
	<head>
	    <meta charset="utf-8">
	    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	    <title>投稿</title>
	    <link rel="stylesheet" type="text/css" href="css/aui.css">
	    <link rel="stylesheet" href="css/my.css" />
	    <link rel="stylesheet" href="css/style.css" />
	    <style>
			.aui-background-ea{
				background: #eaeaea;
			}
			.aui-mytext-active{
				height: 1.5rem;
				
			}
	    </style>
	</head>
	<body class="aui-background-f6">
	    <!--header-->
	    
		<div class="aui-background-white aui-myclass-top">
			<h3 class="aui-text-three aui-font-weight aui-clear-both aui-padded-t-10 aui-padded-l-15 aui-padded-r-15" style="font-size: 1.1rem;">
				我要投稿
				<span class="aui-pull-right aui-myclass-img"><img src="images/lists.png" alt="" /></span>
			</h3>
		</div>
		<div class="aui-content" style="margin-top: 3rem;">
			<div class="aui-mytext-active aui-border-b aui-padded-l-15 aui-font-size-14 aui-padded-r-15 aui-font-weight aui-text-gray aui-padded-b-5">			
				活动规则 <span class="aui-pull-right aui-slide-toggle"><i class="aui-iconfont aui-icon-down aui-font-size-12"></i></span>
			</div>
			<div class="aui-slide-text aui-background-ea aui-text-gray aui-font-size-12 aui-padded-l-15 aui-padded-t-5 aui-padded-b-5 aui-padded-r-15">
				<ul>
					<li class="aui-margin-b-5">
						1.每天均可投稿，字数不少于200字。
					</li>
					<li class="aui-margin-b-5">
						2.作文转接评选入围的作品，于本周四17:00公布本周入围名单
					</li>
					<li class="aui-margin-b-5">
						3.所有入围作品将列入范文库，通过为期一周的点赞排行，排行前20名评为本期状元，并获得专家点评。最终结果将于第二周周四17:00封榜公布。
					</li>
					<li class="aui-margin-b-5">
						4.推荐投稿单元作文，入围后将同步展示在对应单元作文PK榜中，被更多人看到，获得更多赞。
					</li>
				</ul>
			</div>
			
			<div class="aui-mytext-title aui-margin-b-5 aui-background-white aui-margin-b-5">
				<input type="text" placeholder="请输入您的作文标题"/>
			</div>
			<div class="aui-mytext-content aui-background-white aui-padded-b-10 aui-position-relative">
				<textarea name="" rows="" cols="" placeholder="请在此输入您的文章"></textarea>
				<div class="aui-position-relative aui-padded-l-15 aui-padded-r-15 aui-border-b aui-padded-b-10">
					<img src="images/iconfont-tianjia.png" alt="" style="width: 3rem;"/>
					<span class="aui-support-upload aui-position-absolute">支持图片上传</span>
				</div>
				<p class="aui-padded-l-15 aui-padded-r-15 aui-margin-t-10 aui-text-gray">2019.11.22 星期五</p>
			</div>
			<div class="aui-padded-l-15 aui-padded-r-15 aui-margin-t-15">
				<button class="aui-send-btn aui-font-size-18">
					发布征稿
				</button>
			</div>
		</div>
	    <div class="aui-foot-height"></div>
		<div class="aui-inner-wrap">			
			<footer class="aui-footer aui-footer-fixed">
				<a href="index.html" class="aui-tabBar-item">
	                <span class="aui-tabBar-item-icon">
	                    <i class="icon icon-loan"></i>
	                </span>
					<span class="aui-tabBar-item-text">首页</span>
				</a>
				<a href="myClass.html" class="aui-tabBar-item">
	                <span class="aui-tabBar-item-icon">
	                    <i class="icon icon-credit"></i>
	                </span>
					<span class="aui-tabBar-item-text">课程</span>
				</a>
				<a href="myText.html" class="aui-tabBar-item aui-tabBar-item-active">
	                <span class="aui-tabBar-item-icon">
	                    <i class="icon icon-ions"></i>
	                </span>
					<span class="aui-tabBar-item-text">投稿</span>
				</a>
				<a href="my.html" class="aui-tabBar-item ">
	                <span class="aui-tabBar-item-icon">
	                    <i class="icon icon-car"></i>
	                </span>
					<span class="aui-tabBar-item-text">我的</span>
				</a>
			</footer>
		</div>
	
	    <script src="js/jquery-1.7.2.min.js"></script>
	    <script>
			$('body').on('click','.aui-slide-toggle',function(){
				$('.aui-slide-text').toggle()
			})
	
	    </script>
	
	</body>

</html>
